<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title id="ActiveList">华为手机【报价 价格 大全 怎么样】_华为商城</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/libs/font/iconfont.css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/list.css">
</head>
<body>
    <header></header>
    <div class="search" style="background-color: #f3f3f3;">
        <div class="container">
            <ul class="breadcrumb">
                <li><a href="/index.html">首页</a> <span class="divider">/</span></li>
                <li class="active" id="activelist"></li>
            </ul>
        </div>
        <div class="container good-search"  id="form">
            <div class="row-fluid">
                <div class="span2">分类：</div>
                <div class="span10" id="activeList"></div>
            </div>
            <div class="row-fluid">
                <div class="span2">价格区间：</div>
                <div class="span10">
                    <form class="form-inline" id="form1">
                        <label class="checkbox inline">
                            <input type="checkbox" checked id="inlineCheckbox1" value="option"> 0-5
                        </label>
                        <label class="checkbox inline">
                            <input type="checkbox" checked id="inlineCheckbox2" value="option"> 5-10
                        </label>
                        <label class="checkbox inline">
                            <input type="checkbox" checked id="inlineCheckbox3" value="option"> 10-15
                        </label>
                        <label class="checkbox inline">
                            <input type="checkbox" checked id="inlineCheckbox4" value="option"> 15-20
                        </label>
                        <label class="checkbox inline">
                            <input type="checkbox" checked id="inlineCheckbox5" value="option"> 20及以上
                        </label>
                </form>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span2">优惠券：</div>
                <div class="span10">
                    <form class="form-inline" id="form2">
                        <label class="checkbox inline">
                            <input type="checkbox" checked id="inlineCheckbox1" value="option1"> 有券
                        </label>
                        <label class="checkbox inline">
                            <input type="checkbox" checked id="inlineCheckbox2" value="option2"> 无券
                        </label>
                    </form>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span2">更多选项：</div>
                <div class="span10">
                    <div class="tabbable"> <!-- Only required for left/right tabs -->
                        <ul class="nav nav-tabs">
                          <li class="active"><a href="#tab1" data-toggle="tab">运行内存</a></li>
                          <li><a href="#tab2" data-toggle="tab">存储容量</a></li>
                          <li><a href="#tab3" data-toggle="tab">上市时间</a></li>
                        </ul>
                        <div class="tab-content">
                          <div class="tab-pane fade active in" id="tab1">
                            <form class="form-inline">
                                <label class="checkbox inline">
                                    <input type="checkbox" checked id="inlineCheckbox1" value="option1"> 4GB
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" checked id="inlineCheckbox2" value="option2"> 6GB
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" checked id="inlineCheckbox3" value="option3"> 8GB以上
                                </label>
                            </form>
                          </div>
                          <div class="tab-pane fade" id="tab2">
                            <form class="form-inline">
                                <label class="checkbox inline">
                                    <input type="checkbox" checked id="inlineCheckbox1" value="option1"> 64GB
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" checked id="inlineCheckbox2" value="option2"> 128GB
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" checked id="inlineCheckbox3" value="option3"> 256GB以上
                                </label>
                            </form>
                          </div>
                          <div class="tab-pane fade" id="tab3">
                            <form class="form-inline">
                                <label class="checkbox inline">
                                    <input type="checkbox" checked id="inlineCheckbox1" value="option1"> 3个月
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" checked id="inlineCheckbox2" value="option2"> 3-6个月
                                </label>
                                <label class="checkbox inline">
                                    <input type="checkbox" checked id="inlineCheckbox3" value="option3"> 6个月以上
                                </label>
                            </form>
                          </div>
                        </div>
                      </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span2">排序：</div>
                <div class="span10">
                    <ul class="choice-good">
                        <li>价格 <s></s></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="container list-shop">
            <ul class="thumbnails" id='goodList'>
            </ul>
            <script type="text/html" id = 'goodListTemplate'>
                {{each list item}}
                    <li class="span3 {{item.type === 2? 'ads' : ''}}">
                        <a href="/html/commodityDetails.html?id={{item.id}}" class="thumbnail" target = "_blank">
                            <img alt="" src="{{item.image}}" width="200" height="200">
                            {{if item.type === 1}}
                            <h3>{{item.title.slice(0,8)}}...</h3>
                            <p class="price">
                                ￥<b>{{item.price}}</b>起
                                {{if item.qunTitle}}
                                    <span>{{item.qunTitle.slice(0,10)}}...</span>
                                {{/if}}                                
                            </p>
                            <p class="good-tip"><span>赠送积分</span>
                                {{if item.expireMsg}}
                                    <span>{{item.expireMsg}}</span>
                                {{/if}}   
                            </p>
                            <p class="good-discuss"><em><span>{{item.taobaoCid}}</span>人购买</em><em>月售：<span>{{item.saleNum}}</span></em></p>
                            {{if item.couponValue}}
                            <span class="title">{{item.couponValue}}</span>
                            {{/if}}
                            {{/if}} 
                        </a>
                    </li>
                {{/each}}
            </script>
        </div>        
    </div>    
    <footer class="container footer">

    </footer>
    <script src="/libs/require/require.min.js" data-main="/js/list"></script>
</body>
</html>